<%@page import="com.fractalist.base.core.constants.SystemConstants"%>
<%@page import="com.fractalist.man.constants.ManConstants"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/common/includes.jsp"%>
<%
	pageContext.setAttribute("baseweburl",
			SystemConstants.UPLOAD_WEB_URL);
	pageContext.setAttribute("adsTypeMap", ManConstants.ADS_TYPE_MAP);
	pageContext.setAttribute("adsClassMap", ManConstants.ADS_CLASS_MAP);
	pageContext.setAttribute("adsStateMap", ManConstants.ADS_STATE_MAP);
%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>文章列表</title>
<link rel="stylesheet" href="${ctx }/css/styles.css" type="text/css" />
<script type="text/javascript" src="${ctx }/js/jquery-1.4.4.min.js"></script>
<jsp:include page="/common/jscalendar.jsp"></jsp:include>
<style>
.tc a {
	color: red;
}
</style>
<script type="text/javascript">
	var adsTypeMap = {};
	<c:forEach items="${adsTypeMap}" var="entry">
	adsTypeMap["${entry.key}"] = "${entry.value}";
	</c:forEach>
	var adsClassMap = {};
	<c:forEach items="${adsClassMap}" var="entry">
	adsClassMap["${entry.key}"] = "${entry.value}";
	</c:forEach>
	var adsStateMap = {};
	<c:forEach items="${adsStateMap}" var="entry">
	adsStateMap["${entry.key}"] = "${entry.value}";
	</c:forEach>

	var pageNo = 1;
	var pageSize = 10;
	var pageCount = 0;

	$(function() {

		$("#table_wrapper").height($(window).height() - 40);

		//翻页
		$("#home").click(function() {
			if (pageNo != 1) {
				pageNo = 1;
				queryHandle(pageNo);
			}
		});
		$("#last").click(function() {
			if (pageNo != pageCount) {
				pageNo = pageCount;
				queryHandle(pageNo);
			}
		});
		$("#previous").click(function() {
			if (pageNo != 1) {
				pageNo--;
				queryHandle(pageNo);
			}
		});
		$("#next").click(function() {
			if (pageNo != pageCount) {
				pageNo++;
				queryHandle(pageNo);
			}
		});
		$("#jump").click(function() {
			var jumpValue = $("#currentPage").val();
			if (parseInt(jumpValue) > pageCount || parseInt(jumpValue) < 1) {
				alert("跳转页码输入有误！");
				return;
			}
			pageNo = parseInt(jumpValue);
			queryHandle(pageNo);
		});

		queryHandle(1);
	});

	function delAds(adsId) {
		$.post("${ctx}/manage/delAds.action", {
			adsId : adsId
		}, function(data) {
			data = eval("(" + data + ")");
			alert(data.msg);
			if (data.state == 0) {
				location.href = "${ctx}/manager/viewAdsPage.action";
			}
		});
	}
	
	function failAds(adsId) {
		$.post("${ctx}/manage/failAds.action", {
			adsId : adsId
		}, function(data) {
			data = eval("(" + data + ")");
			alert(data.msg);
			if (data.state == 0) {
				location.href = "${ctx}/manager/viewAdsPage.action";
			}
		});
	}
	
	function okAds(adsId) {
		$.post("${ctx}/manage/okAds.action", {
			adsId : adsId
		}, function(data) {
			data = eval("(" + data + ")");
			alert(data.msg);
			if (data.state == 0) {
				location.href = "${ctx}/manager/viewAdsPage.action";
			}
		});
	}

	function queryHandle(pageNo) {
		$("#listData").html("");
		var state = $("#state").val();
		var adsClass = $("#adsClass").val();
		var adsType = $("#adsType").val();
		var pageJson = {
			pageNumber : pageNo,
			pageLine : pageSize
		};
		if (state != "") {
			pageJson["state"] = state;
		}
		if (adsClass != "") {
			pageJson["adsClass"] = adsClass;
		}
		if (adsType != "") {
			pageJson["type"] = adsType;
		}
		$
				.post(
						"${ctx}/manager/mAdsPage.action?rnd=" + Math.random(),
						pageJson,
						function(data) {
							data = eval("(" + data + ")");
							var allSize = data.totalCount;
							pageCount = Math.ceil(allSize / pageSize);
							$("#pageCount").html(pageCount);
							$("#allSize").html(allSize);
							$("#currentPage").val(pageNo);
							var listData = "";
							$
									.each(
											data.list,
											function(i, item) {
												var btnStr = "";
												btnStr += "<a href='${ctx}/manage/viewCreateAds.action?adsId="
														+ item.id
														+ "'>修改</a>&nbsp;"
														+ "<a href='#' onclick='delAds("
														+ item.id
														+ ")'>删除</a>&nbsp;";
												if (item.state) {
													btnStr += "<a href='#' onclick='failAds("
															+ item.id
															+ ")'>失效</a>&nbsp;"
												}else{
													btnStr += "<a href='#' onclick='okAds("
														+ item.id
														+ ")'>生效</a>&nbsp;"
												}
												listData += "<tr><td class='tc'>"
														+ adsTypeMap[item.type]
														+ "</td><td class='tc'>"
														+ adsClassMap[item["class"]]
														+ "</td><td class='tc'>"
														+ item.title
														+ "</td><td class='tc'>"
														+ (item.pic == "" ? ""
																: '<img src="' + item.pic + '" />')
														+ "</td><td class='tc'>"
														+ item.url
														+ "</td><td class='tc'>"
														+ item.html
														+ "</td><td class='tc'>"
														+ (item.state ? adsStateMap[1]
																: adsStateMap[0])
														+ "</td><td class='tc'>"
														+ btnStr + "</td></tr>";
											});
							$("#listData").html(listData);
						});
	}

	function notNull(obj) {
		return obj ? obj : '';
	}

	function nullRate(obj) {
		return obj ? obj + '%' : '';
	}
</script>
</head>
<body>
	<div id="wrapper">
		<div id="content_wrap">
			<div class="tabs_content">
				<div class="active_tab" id="tab1">
					<div class="toolbar2">
						<!-- 此处进行逻辑上的处理 -->
						状态：<select id="state" name="state">
							<option value="">请选择</option>
							<c:forEach items="${adsStateMap}" var="entry">
								<option value="${entry.key }">${entry.value }</option>
							</c:forEach>
						</select>&nbsp; 分类：<select id="adsType" name="adsType">
							<option value="">请选择</option>
							<c:forEach items="${adsTypeMap}" var="entry">
								<option value="${entry.key }">${entry.value }</option>
							</c:forEach>
						</select>&nbsp; 类型：<select id="adsClass" name="adsClass">
							<option value="">请选择</option>
							<c:forEach items="${adsClassMap}" var="entry">
								<option value="${entry.key }">${entry.value }</option>
							</c:forEach>
						</select>&nbsp; <a href="javascript:void(0);" onclick="queryHandle(1);"
							class="button">检索</a>&nbsp;<font color="red"></font>
					</div>
					<div id="table_wrapper" style="width: 100%; overflow: auto;">
						<table class="table" cellpadding="0" cellspacing="0">
							<thead>
								<tr>
									<th><b>分类</b></th>
									<th><b>类型</b></th>
									<th><b>标题</b></th>
									<th><b>图片</b></th>
									<th><b>链接</b></th>
									<th><b>HTML代码</b></th>
									<th><b>状态</b></th>
									<th><b>操作</b></th>
								</tr>
							</thead>
							<tbody id="listData">
							</tbody>
							<tfoot>
								<tr>
									<td colspan="10" style="border: 0px; padding-top: 3px;"><a
										id="home" href="javascript:void(0);" class="button1">首页</a> <a
										id="previous" href="javascript:void(0);" class="button1">上一页</a>
										<a id="next" href="javascript:void(0);" class="button1">下一页</a>
										<a id="last" href="javascript:void(0);" class="button1">末页</a>
										&nbsp;&nbsp;&nbsp;第<input id="currentPage" type="text"
										style="width: 20px; text-align: center;" />页 <a id="jump"
										href="javascript:void(0);" class="button" style="width: 50px;">跳转</a>
										&nbsp;&nbsp;&nbsp;共<span id="pageCount"></span>页<span
										id="allSize"></span>条</td>
								</tr>
							</tfoot>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>

